body {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.container {
    .header {
        height: 40px;
        font-size: 15px;
        background-color: darkslategray;
        ul {
            margin: 0;
            line-height: 40px;
            color: aliceblue;
            li {
                float: left;
                list-style: none;
                width: 5%;

                &:hover {
                    color: gold;
                }

                a{
                    span{
                        display: block;
                        width: 35px;
                        height: 30px;
                        margin-top: 5px;

                        transition: all 0.25s linear;

                        &.add{
                            background-image: url(tingicos.png);
                            background-position: -76px 0px;

                            -webkit-transition: all 0.25s linear;
                            &:hover{
                                background: url(tingicos.png) -76px -113px no-repeat;
                            }
                        }
                        &.del{
                            background-image: url(tingicos.png);
                            background-position: -76px -27px;

                            &:hover{
                                background: url(tingicos.png) -76px -143px no-repeat;
                            }
                        }
                    }
                }
            }
        }
    }
}